<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c"
           uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false"%>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>浙江工商大学</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="../assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="../assets/css/amazeui.min.css">
    <link rel="stylesheet" href="../assets/css/app.css">
    <link rel="stylesheet" href="../assets/css/main.css">
    



</head>
<body>

<header data-am-widget="header" class="am-header am-header-default">


    <h1 class="am-header-title">
        <img src="../assets/img/title.png" >
    </h1>



        <nav data-am-widget="menu" class="am-menu  am-menu-dropdown2"

             data-am-menu-collapse


                >
            <a href="javascript: void(0)" class="am-menu-toggle">
                <img class="am-header-icon-custom" src="../assets/img/nav.png" style="margin-top: 15px"/>
            </a>

            <ul class="am-menu-nav am-avg-sm-4 am-collapse am-in">
                <li class="">
                    <a href="pagetwo/sanews4.zjgsu?category=最新消息&sort=0" class="" >最新消息</a>
                </li>
                <li class="">
                    <a href="##" style="font-size: 30px;margin-top: -10px;margin-left: 7px;">.</a>
                </li>
                <li class="">
                    <a href="pagetwo/sanews4.zjgsu?category=报考专业&sort=0" class="" >报考专业</a>
                </li>
                <li class="">
                    <a href="##" style="font-size: 30px;margin-top: -10px;margin-left: 7px;" >.</a>
                </li>
                <li class="">
                    <a href="pagetwo/sanews4.zjgsu?category=院系专业&sort=0" class="" >院系专业</a>
                </li>
                <br>

            </ul>



        </nav>


     <!--   <a href="#right-link" class="">
            <img class="am-header-icon-custom" src="img/nav.png"/>
        </a>-->

</header>

<div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0">
    <ul class="am-slides">
        <c:forEach items="${lunbo}" var="bo">
         <li><img src="${bo.key}" style="height:200px;"></li>
        </c:forEach>
    </ul>
</div>

<div class="body">

    <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active">
                <a href="#">招生指南</a>
            </li>
            <li class="">
                <a href="#">最新消息</a>
            </li>
            <li class="">
                <a href="#">走进商大</a>
            </li>

        </ul>
        <div class="am-tabs-bd">
            <div class="am-tab-panel am-active">


                 <ul class="am-list showplace" name="news">
		             <c:forEach items="${recent}" var="p">
		                <div class="con">
		                    <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
		                        <!--列表标题-->
		                        <div class="am-list-news-bd">
		                            <ul class="am-list">
		                                <!--缩略图在标题左边-->
		                                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
		                                    <div class="am-u-sm-4 am-list-thumb">
		                                        <a href="pagetwocontent/detail5.zjgsu?key=${p.key}" class="">
		                                            <div style="height: 100%;background-color: #3cafe8;text-align:
		                                            center;color: #525c65;font-family: 'Microsoft YaHei';font-size: 24px;
		                                            padding-top: 20px">
                                                        ${p.date}
                                                    </div>
		                                        </a>
		                                    </div>

		                                    <div class=" am-u-sm-8 am-list-main">
		                                        <a href="pagetwocontent/detail5.zjgsu?key=${p.key}" class="am-list-item-hd " style="color:#333333;height:40px;"><span class="am-icon-th-list"></span>&nbsp;${p.title}</a>
		                                        <div class="am-list-item-text"><span>${p.content.content}......</span>
		                                            <a href="pagetwocontent/detail5.zjgsu?key=${p.key}" class="">
		                                                <span class="am-list-news-more am-fr">更多 &raquo;</span>
		                                            </a>
		                                        </div>

		                                    </div>
		                                </li>
		                            </ul>
		                        </div>
		                    </div>
		                </div>
		            </c:forEach>
                    <c:forEach items="${news}" var="n">
                        <li class="am-g am-list-item-dated">
                            <a href="pagetwocontent/detail5.zjgsu?key=${n.key}" class="am-list-item-hd " style="color:#333333;">
                                <span class="am-icon-th-list"></span>&nbsp;${n.title}</a>

                            <span class="am-list-date">${n.date}</span>
                        </li>
                    </c:forEach>
                     <a href="pagetwo/sanews5.zjgsu?category=最新动态&sort=0" style="float: right">查看更多</a>
                </ul>
            </div>

                 <div class="am-tab-panel ">
                <ul class="am-list showplace" name="gonggao">
                    <c:forEach items="${student}" var="n">
                        <li class="am-g am-list-item-dated">
                            <a href="pagetwocontent/detail5.zjgsu?key=${n.key}" class="am-list-item-hd " style="color:#333333;">
                                <span class="am-icon-th-list"></span>&nbsp;${n.title}</a>

                            <span class="am-list-date">${n.date}</span>
                        </li>
                    </c:forEach>
                    <a href="pagetwo/sanews5.zjgsu?category=学生专区&sort=0" style="float: right">查看更多</a>
                </ul>
            </div>
            <div class="am-tab-panel ">
                 <ul class="am-list showplace" name="xueshu" >
                    <c:forEach items="${teacher}" var="n">
                        <li class="am-g am-list-item-dated">
                            <a href="pagetwocontent/detail5.zjgsu?key=${n.key}" class="am-list-item-hd " style="color:#333333;">
                                <span class="am-icon-th-list"></span>&nbsp;${n.title}</a>

                            <span class="am-list-date">${n.date}</span>
                        </li>
                    </c:forEach>
                     <a href="pagetwo/sanews5.zjgsu?category=教师专区&sort=0" style="float: right">查看更多</a>
                </ul>
            </div>



            </div>
           
        </div>
    </div>

   
</div>


<div class="footer">
    <div class="al">
        <div class="tit"><strong>常用链接</strong></div>
        <div class="link-left"><a href="main.zjgsu" style="color:#8e8e8e;">浙江工商大学官网></a><br><br><a href="jiaowuchu.zjgsu" style="color:#8e8e8e;">浙江工商大学教务处></a></div>
        <div class="link-right"><a href="pagetwo/sanews2.zjgsu?category=失物招领&sort=0" style="color:#8e8e8e;">浙江工商大学保卫处></a><br><br><a href="zhaosheng.zjgsu" style="color:#8e8e8e;">浙江工商大学招生办></a></div>
    </div>
    <div class="bot">地址：浙江省杭州市下沙高教园区学正街18号  邮编310018<br>电话：（86）571-28877777 传真：（86）571-28877222</div>
</div>

<!--在这里编写你的代码-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/amazeui.min.js"></script>
</body>
</html>